<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="js/jquery-1.12.4.min.js"></script>
		<style type="text/css">
			.blue {
				color: blue;
			}
		</style>
	</head>

	<body>
		<button>切换css类</button>
		<p>震惊了。</p>
		<h1>龙燕竟然干出这种事情来。</h1>
		<h2>是人性扭曲，还是道德沦丧</h2>
		<p>欢迎大家观看本期走进龙燕生活</p>
	</body>
	<script type="text/javascript">
		$('button').click(function() {
			// 自动判断当前的标签里面是否有blue的类
			$('p,h1,h2').toggleClass('blue')
		})
	</script>

</html>